<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>e-Book Store</title>
		
		<!--CSS-->
		<link rel="stylesheet" href="<?php echo base_url();?>assets/themes/leisure/css/styles.css">
		<!--Google Webfont -->
		<!-- <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'> -->
		<link rel="stylesheet" href="<?php echo base_url();?>assets/css/fonts.googleapis.css">
		
		<!--Javascript-->
		<script type="text/javascript" src="<?php echo base_url();?>assets/js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="<?php echo base_url();?>assets/themes/leisure/js/jquery.flexslider.js" ></script>
		<script type="text/javascript" src="<?php echo base_url();?>assets/themes/leisure/js/jquery.easing.js"></script>
		<script type="text/javascript" src="<?php echo base_url();?>assets/themes/leisure/js/jquery.jcarousel.js"></script>
		<script type="text/javascript" src="<?php echo base_url();?>assets/themes/leisure/js/form_elements.js" ></script>
		
		
		<!--[if lt IE 9]>-->
		    <script src="<?php echo base_url();?>assets/themes/leisure/js/html5.js"></script>
		<!-- [endif]-->
		
		<!-- mobile setting -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		
		<script type="text/javascript">
		$(document).ready(function(){
			/* ACTION HANDLER STARTS */
			window.my_config = {};
			my_config['errorhandler'] = '<?php echo $this->dx_auth->get_auth_error();?>';
			/* ACTION HANDLER ENDS */
		});
		
		</script>
		
		<script type="text/javascript" src="<?php echo base_url();?>assets/themes/leisure/js/custom.js"></script>
		
	</head>
	<body>
		<div class="wrapper">
			<!-- Header -->
			<?php echo $header;?>
			<!-- Header Ends -->
			
			<!-- Navigation Menu -->
			<?php echo $navigation;?>
			<!-- Navigation Ends -->
			
			<div class="section_container">
				<!--Mid Section Starts-->
				<section id="main">
					<!--Main Content Starts-->
					<?php echo $main;?>
					<!--Main Content Ends-->
				</section>
				<!--Mid Section Ends-->
			</div>
			<!-- Footer -->
			<?php echo $footer;?>
			<!-- Footer End -->
		</div>
		<!--CUSTOMIZE-->
		<style type="text/css">
		.page_selector{ position:absolute; right:0px; top:28%;}
		.page_selector a.page_open{ display:inline-block; width:60px; height:12px; background:#252525; color:#fff; text-align:center; font-size:14px; padding:20px 0px; font-weight:bold; text-decoration:none; float:left;}
		.page_selector ul{ float:left; background:#f0f0f0; padding:10px 0px; border-top:solid 2px #000; border-bottom:solid 2px #000; display:none;}
		.page_selector ul li{ padding:8px 10px; }
		.page_selector ul li a{ font-weight:bold; text-decoration:none; color:#000; display:block; padding:2px 5px; text-transform:uppercase; font-size:11px;}
		
		.store_selector{ position:absolute; left:0px; top:28%;}
		.store_selector .store_open{display:inline-block; width:128px; height:55px;}
		.store_selector div{ float:left; width:157px; height:226px; display:none;}
		</style>
		
		<script type="text/javascript">
		$(document).ready(function(){
			//SLIDE TOGGLE
			jQuery(".page_open").toggle(function() {
				 $('.page_selector ul').slideDown(300);	
				 }, function(){
				 $('.page_selector ul').slideUp(300);		 
			});	
			//SLIDE TOGGLE
			jQuery(".store_open").toggle(function() {
				 $('.store_selector div').slideDown(300);	
				 }, function(){
				 $('.store_selector div').slideUp(300);		 
			});
			$(".account_drop").hide();

			/* VARIABLE STARTS */
			my_config['main'] = $("#main");
			/* VARIABLE ENDS */

			/* ACTION HANDLER STARTS */
			
			/* ACTION HANDLER ENDS */
			
		});
		
		</script>
		
		<!-- CUSTOMIZE END -->
	</body>
</html>  